.custom-search-input {
  border: none;
  border-bottom: 2px solid #251360;
  background: transparent;
  outline: none;
  padding-bottom: 5px;
  min-width: 270px;
  text-indent: 30px;
  
}
.custom-search-input::placeholder {
  color: rgb(240, 248, 255);
  width: 100%;
  
}
.search-area {
  display: inline-block;
}

.search-icon {
  font-size: 18px;
  margin-right: -20px;
  margin-top: 3px;
}

.navbar.scrolled {
  background-color: #fff; /* Arka plan rengini beyaz olarak değiştirin */
  transition: background-color 0.2s ease-in-out; /* Geçiş efekti ekleyebilirsiniz */
}